.page{
  .nothing{
    width: 100%;
    height: 70vh;
    color: grey;
    display: flex;
    justify-content: center;
    align-items: center;
  }  
  .head{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    .btn{
      padding: 3vw;
    }
  }
  .body{
    margin-top: 2vw;
    box-shadow: 0 0 10vw -5vw rgb(194, 194, 194);
    border-radius: 5vw;
    .goodBox{
      height: 30vw;
      display: flex;
      align-items: center;
      justify-content: space-around;
      border-bottom: 1px solid rgb(224, 224, 224);
      .img{
        width: 20vw;
        height: 20vw;
        border-radius: 3vw;
      }
      .text{
        .name{
          width: 30vw;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;         
        }
      }
    }
    .goodBox:last-child{
      border-bottom:none
    }
  }
  .footer{
    width: 100%;
    height: 15vw;
    position: fixed;
    bottom: 0;
    display: flex;
    border-top: 1px solid grey;
    .left{
      width: 50%;
      height: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      .chooseBtn{
        margin: 3vw;
      }
      .text{
        margin-right: 3vw;
      }
    }
    .right{
      width: 50%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      .delete{
        border: 1px solid rgb(224, 224, 224);
        padding: 2vw 3vw;
        color: rgb(224, 224, 224);
      }
      .active{
        background-color: black;
        color: white;
      }
      .buy{
        border: 1px solid rgb(224, 224, 224);
        color: rgb(224, 224, 224);
        padding: 2vw 3vw;
      }
    }
  }
  .chooseBtn{
    width: 4vw;
    height: 4vw;
    border-radius: 4vw;
    border: 1px solid rgb(224, 224, 224);
  }
  .chooseBtn.active{
    background: radial-gradient(black 0% 50%,white 80% 100%);
  }
}